<template>
	<view class="container">
		<CustomCharts
			title="饼图"
			type="arcbar"
			:options="options"
			:chartData="chartData"
		></CustomCharts>
	</view>
</template>

<script>
import useStore from '@/store/index';
//下面是演示数据，您的项目不需要引用，数据需要您从服务器自行获取
export default {
	name: 'CustomTopCharts',
	data() {
		return {
			scrollTop: 0,
			options: {}, // 示例配置
			chartData: {}, // 示例数据
		};
	},
	mounted() {
		this.init();
	},
	methods: {
		init() {
			this.setChart();
			console.log('====');
		},
		setChart() {
			this.options = {
				title: { name: '80%', color: '#2fc25b', fontSize: 35 },
				subtitle: { name: '正确率', color: '#666666', fontSize: 25 },
			};
			this.chartData = {
				series: [
					{
						name: '正确率',
						data: 0.8,
						color: '#2fc25b',
					},
				],
			};
		},
	},
};
</script>

<style lang="scss" scoped>
.container {
}
</style>
